.mappoint_car{
  background-color: #199CA0;
  color: #2EFDFF;
  font-size: 8px;
  padding:2px 4px;
  border-radius: 4px;
}

.mappoint_trailer{
  background-color: #00A0E9;
  color: #71CEF5;
  font-size: 8px;
  padding:2px 4px;
  border-radius: 4px;
}

.mappoint_company{
  color: #2EFDFF;
  font-size: 8px;
  padding:2px 4px;
  border-radius: 4px;
}


.legend_warp {
  height: 120px;
  width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 9;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding:8px 14px;
  color: #fff;
  background-color:rgba(0, 143, 233, .3);
}
.legend_item{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: start;
  height: 30px;

}

.icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.legend_company .icon{
  background: url("./images/map_company.png");
  background-size: 20px 20px;
}
.legend_car .icon{
  background: url("./images/map_car.png");
  background-size: 20px 20px;
}
.legend_tailer .icon{
  background: url("./images/map_truck.png");
  background-size: 20px 20px;
}
  